import React from 'react';
import {Flex} from 'antd-mobile';

export const CategoryCardTwo = ({title, subTitle, pic}) => {

  return (
    <div style={{width: '100%', height: 120, backgroundColor: 'white'}}>
      <Flex direction={"column"}>
        {/*上*/}
        <Flex.Item>
          <div style={{height: 50, display: 'flex', flexDirection: 'column', justifyContent: 'center',alignItems:'center'}}>
            <div>{title}</div>
            <div style={{fontSize: 8, color: '#bbb'}}>{subTitle}</div>
          </div>
        </Flex.Item>
        {/*下*/}
        <Flex.Item>
          <img src={pic} height={60} style={{margin: '0px 5px 5px 5px'}} alt=""/>
        </Flex.Item>
      </Flex>
    </div>
  )
}
